import React from 'react'
import styles from '../css分支/Zhanghu.module.css'
import { Arrow, ChatO, Circle, SettingO,ArrowLeft } from '@react-vant/icons';
import { Grid, Image } from 'react-vant'
import { useNavigate } from 'react-router-dom';
export default function Zhanghu() {
    const navigate = useNavigate()
    return (
        <div className={styles.main}>
            <div className={styles.head}>
                <ArrowLeft style={{ marginLeft: '0.1rem' }} onClick={() => { navigate('/shou/my') }} />
                <p style={{ fontSize: '0.22rem' }}>账户信息</p>
                <p style={{ marginRight: '0.1rem' }}></p>
            </div>
            <p style={{marginLeft:'0.18rem',marginTop:'0.2rem'}}>结算信息</p>
            <div className={styles.center}>
                <div style={{marginLeft:'0.18rem'}}>
                    <p style={{ fontSize: '0.2rem', color: 'red' }}>结算方式</p>
                    <p>订单款项默认按结算周期入账</p>
                </div>
                <p style={{marginRight:'0.18rem'}}>T+1</p>
            </div>
            <p style={{marginLeft:'0.18rem'}}>服务信息</p>
            <div className={styles.body}>
        <div className={styles.body_fen}>
          <div>
            <p style={{ marginRight: '1rem' }}>技术服务费比例</p>
            <p style={{fontSize:'0.12rem'}}>该比例为平台抽成比例</p>
          </div>
          
          <p>5.8%</p>
        </div>
        <div className={styles.body_fen}>
        <p style={{ marginRight: '1rem' }}>最低技术服务费</p>
          <p>1元</p>
        </div>
        <div className={styles.body_fen}>
        <p style={{ marginRight: '1rem' }}>技术服务器费优惠</p>
          <p>1元/单</p>
        </div>
        <div className={styles.body_fen}>
        <p style={{ marginRight: '1rem' }}>优惠状态</p>
          <p>生效中</p>
        </div>
        <div className={styles.body_fen}>
        <p style={{ marginRight: '1rem' }}>优惠期限</p>
          <p>2024-2-18至2024-5-1</p>
        </div>
      </div>
        </div>
    )
}
